/*
 *****************************
 *  南陵县2016年商务网页设计作品
 *  作者：童小弟
 *  时间：2016年10月
 *****************************
 */
* {margin:0;padding:0;}
body {font-size:14px;line-height: 180%; font-family:"Microsoft Yahei" , arial; ;background-color:#f5f5f5;color:#333333;text-align: left;}
a {color:#666666; text-decoration: none;}
a:hover {color:#12673b;}
li {list-style: none;}
img {border: none;}
h1, h2, h3, h4, h5, h6, small { font-size: 100%; font-weight: normal !important; }
.mr0 {margin-right:0 !important;}

/*头部导航*/
.header {width:100%;height:70px; line-height:70px; position:fixed;background:#ffffff;filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;-moz-box-shadow:2px 2px 5px #999999; -webkit-box-shadow:2px 2px 5px #999999; box-shadow:2px 2px 5px #999999;z-index: 1000;}
.menu {width:960px;margin:0 auto;overflow: hidden;}
.logo {float:left;width:237px;}
.logo a {display: block;background:url(../images/logo.png) no-repeat center center; text-indent:-9999px;}
.nav {float:right;}
.nav li {float:left;width:80px;padding:0 10px;text-align: center;height:68px; line-height: 68px;background:url(../images/nav-line.jpg) no-repeat center right;font-size:16px;}
.nav li.on a {color:#12673b;}
.nav li a {display: block;}
.nav li a:hover {border-bottom:2px solid #12673b;}
.nav li.nav_r {background:none;}
.nav li.nav_r a {color:#ff0000;}
.nav li.nav_r a:hover {border-bottom:2px solid #ff0000;}

/*banner*/
.banner {width:100%;position: relative;}
.bottom {width:75px;height:86px;position: absolute; left:50%;margin-left:-38px;bottom:20px;z-index: 999;}
.bottom a {display:block;width:76px;height:86px;background:url(../images/bottom.png) no-repeat center center;text-indent: -9999px;}
.lubo{ width: 100%; min-width:1170px;clear: both; position: relative; height:674px;}
  .lubo_box{ position: relative; width: 100%; height:624px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:624px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 624px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 70px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #f4a42b !important;}

  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 50%;margin-top:-20px;}
  .left_btn, .right_btn{ width: 40px; height: 50px; background: #00ad4f;/*opacity: 0.9;filter:alpha(opacity=90); */cursor: pointer; color: #fff; line-height: 45px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; box-shadow: inset 0 -4px 0 #009842}
  .left_btn{ float: left;border-radius:0 5px 5px 0px;}
  .right_btn{ float: right;border-radius:5px 0px 0px 5px;}


/*中间部分*/
.main {/*width:1170px;*/width:960px;margin:20px auto;clear:both;}

/*.news {width:1170px;height:70px; line-height: 70px;background:url(../images/bg_news.png) no-repeat left center #ffffff;border-radius:5px;}
.news .title {width:200px;float: left; margin-left:30px;font-size:18px;color:#ffffff;}
.news .title span {margin-left:10px;color:#f5f5f5;}
.news .title a {color:#ffffff;}*/

.BreakingNewsController{width:960px;overflow:hidden;background:url(../images/bg_news.png) no-repeat left center #ffffff;height:70px; line-height:70px; border-radius:5px;position:relative;}
.BreakingNewsController .bn-title{width:200px;float: left; margin-left:30px;font-size:18px;color:#ffffff;}
.BreakingNewsController ul{padding:0;margin:0;display:block;list-style:none;position:absolute;left:180px;right:50px;}
.BreakingNewsController ul li{list-style:none;display:none;}
.BreakingNewsController ul li a{text-decoration:none;color:#666666;display:inline-block;padding:0;}
.BreakingNewsController .bn-arrows{display:inline-block;float:right;width:50px;position:absolute;right:0;top:0;bottom:0;}
.BreakingNewsController .bn-arrows span{display:block;width:20px;position:absolute;top:0;bottom:0;cursor:pointer;opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0;background:url(../images/bn-arrows.png) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px;background:url(../images/bn-arrows.png) right center no-repeat;}
.easing a, .easing span{transition:.25s linear;-moz-transition:.25s linear;-webkit-transition:.25s linear;}

.product {width:960px;margin-top:20px;}
.product .title {height:70px; line-height: 70px;margin-bottom: 20px;}
.product .title .more {float:right;}
.product .title h4 {float:left;width:300px;font-size:24px;color:#12673b;}
.product .title h4 a {color:#12673b;}
.product .title h4 span {color:#999999;padding-left:20px;}
.product ul {}
.product ul li {float:left;width:300px;background:#ffffff;overflow:hidden;margin-right:30px;margin-bottom:30px;-moz-box-shadow:0px 0px 5px #cccccc; -webkit-box-shadow:0px 0px 5px #cccccc; box-shadow:0px 0px 5px #cccccc;}
.product ul li a {display: block;width:280px;height:210px;padding:10px;position:relative;}
.product ul li:hover {-moz-box-shadow:0px 0px 5px #999999; -webkit-box-shadow:0px 0px 5px #999999; box-shadow:0px 0px 5px #999999;}
.product ul li a span {position: absolute;left:10px;bottom:10px;color:#ffffff;background:#12673b;display: block;height:46px; line-height: 46px;width:280px;text-indent:4em;filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.product ul li:hover span {background:#12673b;height:210px;line-height:210px;font-size:34px;color:#ffffff;text-indent:0em;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
/*底部*/
.footer {width:100%;clear:both;background:#5b5b5b;position: relative;margin-top:100px;}
.footer a:hover {color:#f3f3f3;}
.footer-bottom {width:100%;clear:both;background:#181818;height:70px;line-height: 70px;text-align: center;color:#999999;}

/*浮动导航*/
#share {position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-55+"px");bottom:55px;right:10px;width:55px;zoom:1;}
#share #a1 {background:url(../images/a1.png); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#share #a2 {background:url(../images/a2.png);}
#share #a3 {background:url(../images/a3.png);}
#share #a4 {background:url(../images/a4.png);}
#share a{display: block;width:55px;height:55px;text-indent:-9999px;margin-bottom:2px; }

#share a#a1{cursor:pointer;}
#share a#a1:hover {}

/*news*/
.news-bg {width:100%;height:287px;}

.list-nav {margin-top:30px;}
.list-nav a {display:inline-block;width:120px;height:40px;background:#c8c8c8;text-align: center;line-height:40px;margin-right:10px;}
.list-nav a:hover, .list-nav a.on {background:#f4a42b;color:#ffffff;}

.list {margin-top:30px;}
.list ul {border:1px solid #e9e9e9;}
.list ul li {padding:30px;background:#ffffff;overflow: hidden;border-bottom:1px solid #e9e9e9;}
.list ul li:hover {background:#fff4e4;}
.list ul li .list-l {width:170px;height:106px;float:left;overflow: hidden;}
.list ul li .list-l a {display: block;width:170px;height:106px;}
.list ul li .list-c {width:558px;padding:0 30px;float:left;}
.list ul li .list-c h3 {font-size:24px;color:#333333;height:46px;line-height: 46px;}
.list ul li .list-c h3 a {color:#333333;}
.list ul li .list-c p {line-height: 30px; height:60px; color:#999999;text-indent:2em;}
.list ul li .list-r {width:110px;float:right;padding-top:76px;}
.list ul li .list-r a {display: block;height:30px; line-height: 30px;background:#c8c8c8;text-align: center;}
.list ul li .list-r a:hover,.list ul li:hover .list-r a {background:#f4a42b;color:#ffffff;}

.show {border:1px solid #e9e9e9;margin-top:30px;padding:80px 100px;background:#ffffff;}
.show h1.title {font-size:48px;font-weight:bold !important;line-height: 60px;}
.show .info {line-height: 30px; height:30px;color:#999999;margin-top:10px;}
.show .content {margin-top:30px;font-size:18px;color:#666666;}
.show .content p {text-indent: 2em;margin:20px 0;}
.show .content img {display:block;text-align: center;}
.show .show-link {margin-top:30px;line-height: 30px; height:60px;}
.show .show-link a {}

.page-nav {width:200px;float:left;background:#ffffff;-moz-box-shadow:2px 2px 5px #999999; -webkit-box-shadow:2px 2px 5px #999999; box-shadow:2px 2px 5px #999999;/*position: fixed;*/}
.page-nav h3 {height:120px;text-align: center;}
.page-nav h3 a {display: block;height:60px;padding:30px;}
.page-nav h3 a span {display:block;height:40px;line-height: 40px; font-size:32px;font-weight: bold !important;}
.page-nav h3 a small {display: block;height:20px;line-height: 20px;}
/*.page-nav h3 a:hover {background:#f4a42b;color:#ffffff;}*/
.page-nav ul li {border-top:1px solid #c8c8c8;line-height: 50px;text-align: center;}
.page-nav ul li a {display: block;}
.page-nav ul li a:hover,.page-nav ul li.on a {background:#f4a42b;color:#fff;}

.page-show {margin-left:270px;}
.page-show h1.title {font-size:24px;line-height: 80px;background:url(../images/page_title_bg.jpg) no-repeat left bottom;}
.page-show .content {margin-top:30px;color:#666666;font-size:16px;}
.page-show .content p {margin:10px 0; text-indent:2em;}

.service {border:1px solid #e9e9e9;margin-top:30px;padding:80px 100px;background:#ffffff;}
.service .map {text-align: center;}
.service .map-content {margin-top:30px;}
.service .map-content p {height:40px;line-height: 40px;width:150px;background:#12673b;margin-bottom:10px;padding-left:10px;border-radius:0 20px 20px 0;color:#000000;font-weight:bold;font-size:24px;}
.service .map-content p.p1 {background:#fde1bc;}
.service .map-content p.p2 {background:#f4f5bc;}
.service .map-content p.p3 {background:#fad6c6;}
.service .map-content p.p4 {background:#ddeccb;}
.service .map-info {margin-top:30px;}
.service .map-info p {line-height: 30px;color:#f9bd46;font-size:18px;text-indent:2em;}

.pages {clear:both;width:100%;margin-top:30px;}
.pages a,.pages span {display: inline-block;height:30px; line-height: 30px; background:#c8c8c8;padding:0 15px;margin-right:10px;}
.pages a:hover, .pages span {background:#f4a42b;color:#ffffff;}

.job {margin-left:270px;}

.container {  position: relative;  margin: 0 auto;}
.accordion {font-size: 24px;width: 100%; border-bottom: 1px solid #e9e9e9;height:70px;line-height: 70px;}
.accordion h4 {font-weight:bold !important;float:left;padding-left:20px;}
.accordion span {float: left;padding-left:30px;}
.accordion a {display: block;text-decoration: none; background-color: #fff;overflow: hidden;}
.accordion a:hover,.container .on a {  text-decoration: none;color: #12673b;background-color: #ffcc83;  transition: 0.3s;}
.accordion-desc { background-color: #fff4e4;color: #666666;z-index: 2;  padding:30px; font-size:16px;}
.accordion small {float:right;margin-right:20px;font-size:32px;border:2px solid #ffffff;border-radius:50%;display:block;width:40px;height:40px;text-align: center;line-height:36px;margin-top:15px;}
/*.container .on small.s1 {display: block;}*/
/*.container small.s2 {display: none;}*/

/* 特色特产图片页 */

.tf_bg{
  width:100%;
  height:100%;
  position:fixed;
  top:0px;
  left:0px;
}
.tf_bg img{
  position:absolute;
  top:0px; /*-482px;   -(imgh/2 - wh/2) */
  left:0px; /* calculate a negative value to center horizontally */
  width:100%; /* windowwidth plus negative value of left */
  /*height:1650px; /* windowheight plus negative value of top */
  z-index: 1;
  display:none;
}
.tf_pattern{
  position:absolute;
  width:100%;
  height:100%;
  background:url(../images/pattern.png) repeat top left;
  z-index:2;
}
.tf_content{
  position:absolute;
  bottom:50px;
  left:50px;
  z-index:10;
  display:none;
}
.tf_content h2{
  color:#fff;
  font-size:90px;
  padding:0;
  margin:0;
  font-family: 'Dancing Script', arial, serif;
  text-shadow:1px 1px 2px #000;
}
.tf_content p{
  color:#fff;
  padding:0;
  margin:0;
  background:url(../images/bg_content.png) repeat top left;
  padding:40px;
  width:500px;
  font-family: 'PT Sans Narrow', arial, serif;
  font-size:20px;
  line-height:25px;
  text-transform:uppercase;
  text-shadow:2px 2px 1px #000;
  -moz-box-shadow:1px 1px 5px #202020;
  -webkit-box-shadow:1px 1px 5px #202020;
  box-shadow:1px 1px 5px #202020;
  border:4px solid #fff;
}
.tf_thumbs{
  position:absolute;  
  z-index:12;
  right:50px;
  top:50%;
  margin-top:-79px;
  border:4px solid #fff;
  -moz-box-shadow:1px 1px 5px #202020;
  -webkit-box-shadow:1px 1px 5px #202020;
  box-shadow:1px 1px 5px #202020; 
  -webkit-box-reflect:
    below 5px
    -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(transparent),
      color-stop(0.6, transparent),
      to(rgb(18, 18, 18))
    );
}
.tf_thumbs img{
  display:block;
}
.tf_loading{
  position:fixed;
  top:50%;
  left:50%;
  margin:-30px 0px 0px -30px;
  width:60px;
  height:60px;
  background:#fff url(../images/loader.gif) no-repeat center center;
  z-index:999;
  opacity:0.7;
}
.tf_next,
.tf_prev{
  width:35px;
  height:14px;
  position:absolute;
  top:50%;
  right:320px;
  z-index:100;
  cursor:pointer;
  background:transparent url(../images/nav.png) no-repeat top left;
  opacity:0.5;
}
.tf_next{
  background-position:0px -14px;
  margin-top:80px;
}
.tf_prev{
  background-position:0px 0px;
  margin-top:-55px;
}
.tf_next:hover,
.tf_prev:hover{
  opacity:0.9;
}
.tf_zoom,
.tf_fullscreen{
  width:20px;
  height:20px;
  position:absolute;
  top:6px;
  right:6px;
  cursor:pointer;
  z-index:100;
  opacity:0.6;
  background:transparent url(../images/icons.png) no-repeat top left;
}
.tf_zoom{
  background-position:0px -20px;
}
.tf_fullscreen{
  background-position:0px 0px;
}
.tf_zoom:hover,
.tf_fullscreen:hover{
  opacity:0.9;
}
.reference{
  position:fixed;
  bottom:0px;
  right:0px;
  background:#000;
  height:23px;
  text-align:right;
  width:100%;
  text-shadow:1px 1px 1px #000;
  z-index:999;
  opacity:0.8;
}
.description{
  position:fixed;
  top:5px;
  right:5px;
  text-shadow:1px 1px 1px #000;
  z-index:999;
}
.reference a, .description span{
  color:#ff6600;
  text-transform: uppercase;
  margin-left:20px;
  text-decoration:none;
  font-family:Arial;
  font-size:18px;
}
a.last{
  float:left;
  line-height:23px;
}
.reference a:hover{
  text-shadow:0px 0px 1px #fff;
}